<template>
  <div id="app"  v-bind:style="appDivStyle">
      <div class="context" ref="context">
           <div class="queryBox" ref="queryBox">
                <el-form :inline="true" :model="formQueryCondition"
                         ref="form" size="mini">
                    <!--查询条件-->
                    <!--资产编号 class="separateStyle"-->
                    <el-form-item :label="$t('assetsAudit.queryLabel.assetCode')" :label-width="queryformLabelWidthLong" >
                        <el-input v-model.trim="formQueryCondition.assetCode.val" class="queryItemStyle" clearable
                                  :placeholder="$t('assetsAudit.queryLabel.placeholderAssetCode')"></el-input>
                    </el-form-item>
                    <!--资产名称-->
                    <el-form-item :label="$t('assetsAudit.queryLabel.assetName')"   :label-width="queryformLabelWidthLong">
                        <el-input v-model.trim="formQueryCondition.assetName.val" class="queryItemStyle" clearable
                                  :placeholder="$t('assetsAudit.queryLabel.placeholderAssetName')">
                        </el-input>
                    </el-form-item>
                     <!--资产类型-->
                    <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.type')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.assetType.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                            <el-option :value="drug.valueCode" :key="drug.valueCode" :label="drug.valueText"
                                v-for="drug in type"></el-option>
                            <!-- <el-option :label="$t('shellAssets.label.shellAssetsType1')" :value="$t('shellAssets.label.shellAssetsType1')"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsType2')" :value="$t('shellAssets.label.shellAssetsType2')"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsType3')" :value="$t('shellAssets.label.shellAssetsType3')"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsType4')" :value="$t('shellAssets.label.shellAssetsType4')"></el-option> -->
                        </el-select>
                    </el-form-item>
                     <!--资产分类-->
                    <!-- <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.sort')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.sort.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                        </el-select>
                    </el-form-item> -->
                    <!--资产提供方信息-->
                    <!-- <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.sourceInfo')"    :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.assetProvider.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                            <el-option :value="drug.keyId" :key="drug.keyId" :label="drug.providerName"
                                v-for="drug in AssetProvision"></el-option>
                        </el-select>
                    </el-form-item> -->
                    <!--资产来源-->
                    <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.source')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.assetSource.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                            <el-option :value="drug.keyId" :key="drug.keyId" :label="drug.speAreaName"
                                v-for="drug in source"></el-option>
                        </el-select>
                    </el-form-item>


                    <!--标签-->
                    <!-- <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.tag')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.tag.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                            <el-option :value="drug.tagCode" :key="drug.tagCode" :label="drug.tagName"
                                v-for="drug in LabelGroups"></el-option>
                        </el-select>
                    </el-form-item> -->
                    <!--审核状态-->
                    <el-form-item :label="$t('shellAssets.queryLabel.shellAssets.status')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.assetState.val" class="queryItemStyle">
                            <el-option :label="$t('shellAssets.label.all')" value=""></el-option>
                            <el-option :value="drug.valueCode" :key="drug.valueCode" :label="drug.valueText"
                                v-for="drug in ApprovalStatus"></el-option>
                            <!-- <el-option :label="$t('shellAssets.label.shellAssetsStatus1')" value="shellAssetsStatus1"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsStatus2')" value="shellAssetsStatus2"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsStatus3')" value="shellAssetsStatus3"></el-option>
                            <el-option :label="$t('shellAssets.label.shellAssetsStatus4')" value="shellAssetsStatus4"></el-option> -->
                        </el-select>
                    </el-form-item>
                    <!-- 版权到期时间 -->
                    <!-- <el-form-item :label="$t('assetsAudit.queryLabel.copyrightExpirationTime')" :label-width="queryformLabelWidthLong" >
                        <el-date-picker v-model.trim="formQueryCondition.copyrightStartDate.val" class="queryItemStyle" clearable
                                :placeholder="$t('assetsAudit.queryLabel.placeholderCopyrightExpirationTime')" type="date" >
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item :label="$t('queryLabel.timeTo')"  :label-width="queryformLabelWidthLong" >
                        <el-date-picker v-model.trim="formQueryCondition.copyrightEndDate.val" class="queryItemStyle" clearable
                                :placeholder="$t('assetsAudit.queryLabel.placeholderCopyrightExpirationTime')" type="date" >
                        </el-date-picker>
                    </el-form-item> -->
                    <!-- 状态 -->
                    <!-- <el-form-item :label="$t('AssetsProviderManage.queryLabel.status')"   :label-width="queryformLabelWidthLong">
                        <el-select v-model="formQueryCondition.isEnable.val" class="queryItemStyle" >
                            <el-option :label="$t('label.all')" value=""></el-option>
                            <el-option :value="drug.valueCode" :key="drug.valueCode" :label="drug.valueText"
                                v-for="drug in enables"></el-option>
                        </el-select>
                    </el-form-item> -->




                    <!--列表上面的按钮-->
                    <div style="text-align:right">
                        <el-form-item>
                            <el-button type="primary" @click="determine(tableChecked)" >确定</el-button>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onReset" :loading="loading" >{{ $t('btnText.resetBtnText') }}</el-button>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onQuery" icon="el-icon-search" :loading="loading" >{{ $t('btnText.queryBtnText') }}</el-button>
                        </el-form-item>
                    </div>
                </el-form>
            </div>
            <!--列表  -->
            <!-- @selection-change="handleSelectionChange" :selectable="checkboxInit"-->
            <div class="dataBox" ref="dataBox">

                <el-table v-if="isInit" ref="singleTable"
                            :data="tableData"
                            :height="tableHeight"
                            @select="selectRedio"
                            @sort-change="sortChange"
                            v-loading="loading" size="mini"
                            style="width: 100%;" stripe=stripe border=border>
                    <!--序号  -->
                    <el-table-column type="selection" align="center" width="50" fixed="left" >
                    </el-table-column>
                    <!--资产编号-->
                    <el-table-column prop="assetCode" min-width="180" fixed="left"
                                        :label="$t('assetsAudit.table.assetCode')" sortable="custom" sort-by="assetCode">
                    </el-table-column>
                    <!--资产名称-->
                    <el-table-column prop="assetName" min-width="160" fixed="left"
                                        :label="$t('assetsAudit.table.assetName')" sortable="custom" sort-by="assetName">
                    </el-table-column>
                    <!--资产类型-->
                    <el-table-column prop="assetType" min-width="110"
                                        :label="$t('shellAssets.table.shellAssets.type')" sortable="custom" sort-by="assetType">
                    </el-table-column>
                    <!--资产来源-->
                    <el-table-column prop="assetSpeArea.speAreaName" min-width="100"
                                        :label="$t('shellAssets.table.shellAssets.source')" sortable="custom" sort-by="assetSpeArea.speAreaName">
                    </el-table-column>
                    <!--资产提供方信息-->
                    <el-table-column prop="assetSysProvider.providerName" min-width="130"
                                        :label="$t('shellAssets.table.shellAssets.sourceInfo')" sortable="custom" sort-by="assetSysProvider.providerName">
                    </el-table-column>
                    <!--状态-->
                    <el-table-column prop="assetState" min-width="160"
                                        :label="$t('shellAssets.table.shellAssets.status')" sortable="custom" sort-by="assetState">
                    </el-table-column>
                    <!--授权时间
                    <el-table-column prop="expireTime" min-width="120"
                                        :label="$t('shellAssets.table.shellAssets.expireTime')" sortable="custom" sort-by="expireTime">
                    </el-table-column>
                    -->
                    <!--版权结束时间-->
                    <!-- <el-table-column prop="expireEndTime" min-width="180"
                                        :label="$t('shellAssets.table.shellAssets.expireEndTime')" sortable="custom" sort-by="expireEndTime">
                    </el-table-column> -->
                    <!-- 版权到期时间 -->
                    <el-table-column prop="copyrightEndDate" min-width="180"
                                        :label="$t('shellAssets.table.shellAssets.copyrightExpirationTime')" sortable="custom" sort-by="copyrightEndDate">
                    </el-table-column>
                    <!--创建时间-->
                    <el-table-column prop="createdDate" min-width="180"
                                        :label="$t('shellAssets.table.shellAssets.createTime')" sortable="custom" sort-by="createdDate">
                    </el-table-column>
                    <!--最后修改时间-->
                    <el-table-column :label="$t('shellAssets.table.lastUpdateTime')" min-width="180" sortable="custom" prop="lastUpdatedDate" sort-by="lastUpdatedDate">
                    </el-table-column>
                    <!--最后修改人-->
                    <el-table-column :label="$t('shellAssets.table.lastUpdatedBy')" min-width="180" sortable="custom" prop="modifier" sort-by="modifier">
                    </el-table-column>

                </el-table>


            </div>
        </div>
        <!--分页-->
        <div class="pageBox">
            <el-pagination @size-change="sizeChange"
                            @current-change="currentPageChange"
                            :current-page="pager.curPage"
                            :page-sizes="pager.sizes"
                            :page-size="pager.curSize"
                            :background="true"
                            layout="total, sizes, prev, pager, next, jumper" :total="pager.total">
            </el-pagination>
        </div>
  </div>


</template>

<script>

import comBaseVue from '../../baseViewModel';
import assetsInfo from  './ShellAssetsInfo';
import actorTwo from './ActorTwo';

export default {
  mixins: [comBaseVue],
  name:'ShellAssets',
  props: {
     menuCode: String,
     datas: null,
  },
  data () {

    return {
        isShowActor:  false,
        isShowDetails:false,
        isShowChoose:false,
        ChooseName:'one',
        activeName: 'first',
        Character: null,
        tableChecked:[],//被选中的记录数据-----对应“批量删除”传的参数值
        ids:[],//批量删除id
        type: [],
        enables: [],
        ApprovalStatus: [],
        source: [],
        AssetProvision:[],
        BroadcastStatus:[],
        tableDatas:[],
        area:[],
        LabelGroups:[],
        Language:[],
        restaurants: [],
        isInit:false,
        tableHeight:100,
        queryformLabelWidthLong:"100px",
        // queryformLabelWidth:"84px",
        appDivStyle:{
            height:this.$store.getters.appHeight,
        },
        modelName:"com.ispr.iptv.entity.media.VAssetEntity",//操作的实体类F

        fileList2: [],
        //
        changeLogData:[],
        // 查询条件
        formQueryCondition: {
            keyId: {
                key: 'keyId',
                op: '=', // 操作符
                val: '' // 查询的值
            },
            assetCode: {
                key: 'assetCode',
                op: 'LIKE', // 操作符
                val: '' // 查询的值
            },
            assetName: {
                key: 'assetName',
                op: 'LIKE',
                val: ''
            },
            assetType: {
                key: 'assetType',
                op: '=',
                val: ''
            },
            sort: {
                key: 'sort',
                op: '=',
                val: ''
            },
            assetProvider: {
                key: 'assetProvider',
                op: 'LIKE',
                val: ''
            },
            assetSource: {
                group: 'assetSource1',
                key: 'assetSource',
                op: 'LIKE',
                val: ''
            },
            tag: {
                key: 'tag',
                op: '=',
                val: ''
            },
            assetState: {
                key: 'assetState',
                op: '=',
                val: ''
            },
            copyrightStartDate: {
                key: 'copyrightStartDate',
                op: '>=',
                val: ''
            },
            copyrightEndDate: {
                 key: 'copyrightEndDate',
                op: '<=',
                val: ''
            },
            isEnable: {
                key: "isEnable",
                op: "=", // 操作符
                val: ""
                },
        },

        editName:"",
        directorName:"",
        actorIsName:"",
        UpdateAndSave:"",//请求地址
        fileList: [], //文件集合
        dataForm: {
            keyId: 0,
            version: 0,
            assetCode: "",
            assetName: "",
            assetSource: "",
            assetType: "",
            assetProvider:"",
            status:"",
            createTime:"",
            updateTime:"",
            tag:"",
            sort:"",
            copyRightTimeS:"",
            copyRightTimeE:"",
            copyRightSource:"",
            copyRightRemark:"",
            cnName:"",
            firstChar:"",
            year:"",
            area:"",
            language:"",
            count:"",
            contentSort:"",
            director:"",
            adaptor:"",
        },
        directorList: [],
        editList: [],
        actorList: []
    }
  },
  methods:{
     //查询按钮
     onQuery: function() {
        if(this.formQueryCondition.copyrightStartDate.val!=null
        && this.formQueryCondition.copyrightStartDate.val!=""){
            this.formQueryCondition.copyrightStartDate.val=this.formatDate(this.formQueryCondition.copyrightStartDate.val);
        }
        if(this.formQueryCondition.copyrightEndDate.val!=null
        && this.formQueryCondition.copyrightEndDate.val!=""){
            this.formQueryCondition.copyrightEndDate.val=this.formatDate(this.formQueryCondition.copyrightEndDate.val);
        }
        this.pager.curPage = 1;
        this.queryTable();
    },
    // 查询网格数据
        queryTable: function() {
            this.loading = true;
            var queryRequest = {
                className: this.modelName,
                opKey: "Query",
                params: this.queryObjToArray(this.formQueryCondition),
                pageSize: this.pager.curSize,
                pageNum: this.pager.curPage,
                sort:[{col:this.sort.key,order:this.sort.dir}],
                userInfo: this.getUserInfo()
            };
            var _this = this;
            this.axios.post('/api/assets/querypage', queryRequest,{headers: this.headersObj})
                .then(function(res) {
                    if (res.data.code == "SUCCESS") {
                        _this.setTableData.call(_this, true, res.data.data);
                    } else {
                        _this.setTableData.call(_this, false, res.data);
                    }
                })
                .catch(function(error) {
                    console.log(error);
                    _this.setTableData.call(_this, false, "serverError");
                });
        },

/**
         * 将查询对象转换为数组
         * @param formQueryCondition
         * @returns {Array}
         */
        queryObjToArray: function (formQueryCondition) {
            if (!formQueryCondition) {
            return formQueryCondition;
            }
            let resultArr = [];
            Object.keys(formQueryCondition).forEach(function (item) {
            // formQueryCondition[item].key = item;
            // formQueryCondition[item].group = item;
            resultArr.push(formQueryCondition[item]);
            });
            return resultArr;
        },

     // 重置
    onReset:function(){
        if (this.$refs['form']) {
            this.$refs['form'].resetFields();
        }
        // this.formQueryCondition.keyId.val = "";
        this.formQueryCondition.assetCode.val = "";
        this.formQueryCondition.assetName.val = "";
        this.formQueryCondition.assetType.val = "";
        this.formQueryCondition.sort.val = "";
        this.formQueryCondition.assetProvider.val = "";
        this.formQueryCondition.assetSource.val = "";
        this.formQueryCondition.tag.val = "";
        this.formQueryCondition.assetState.val = "";
        this.formQueryCondition.copyrightStartDate.val = "";
        this.formQueryCondition.copyrightEndDate.val = "";
        this.formQueryCondition.isEnable.val = "Available";
    },
        // 执行命令后的回调函数
        submitFormCallbackSave: function submitFormCallbackSave(isSuccess,json) {
            this.loading = false;
            if(isSuccess){
                this.isShowEditForm = false;
                this.$message({
                    message: this.$i18n.t("message.successTip"),//resource.message.successTip,
                    type: 'success'
                });
                this.queryTable();
            }
            else
            {
                this.$message({
                                message: json.msg,
                                type: 'warning'
                                });
            }
        },
    //checkbox单选完毕，点击确定按钮返回父组件
    determine: function(rows){
        if(rows.length == 0){
            this.$message({
                message: this.$i18n.t("请选择资产"),//resource.message.successTip,
                type: 'warning'
            });
            return;
        }
        let i = rows.length-1;
        let data = {"assetCode":rows[i].assetCode,"assetId":rows[i].keyId};
        this.$emit("ShellAssets",data,this.isShowChoose);
    },

    //勾选checkbox触发
    // handleSelectionChange(val) {
    //     console.info(val);
    //     this.tableChecked = val;
    // },

    // checkboxInit: function(row,index){
    //     alert(JSON.stringify(index));
    //     if (this.tableChecked.length == 1) {
    //         return false;
    //     }else{
    //         return true;
    //     }
    // },

    //单选
    selectRedio: function selectRedio (selection, row) {
        this.tableChecked = selection;
        if (this.$refs.singleTable.selection.length > 1) {
            this.$refs.singleTable.clearSelection();
            this.$refs.singleTable.toggleRowSelection(row);
        }
        // this.multipleSelection = val;
    },

    handleRemove(file, fileList) {
        console.log(file, fileList);
      },
    handlePreview(file) {
        console.log(file);
    },
    handleClick(tab, event) {
        console.log(tab, event);
    },
    // 为资产类型下拉框赋值
    findType: function() {
        this.findByTypeCode("10005",this.setType)
    },
    // 查询资产类型下拉框数据成功后的回调
    setType: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.type = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.type.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },
    // 为状态下拉框赋值
    findEnables: function() {
        this.findByTypeCode("10001",this.setEnables)
    },
    // 查询状态下拉框数据成功后的回调
    setEnables: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.enables = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.enables.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },
    // 为资产状态下拉框赋值
    findApprovalStatus: function() {
        this.findByTypeCode("10007",this.setApprovalStatus)
    },
    // 查询资产状态下拉框数据成功后的回调
    setApprovalStatus: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.ApprovalStatus = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.ApprovalStatus.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },
    // 为资产来源下拉框赋值
    findSource:function(){
        var queryRequest = {
                className: "com.ispr.iptv.entity.sys.SpeArea",//修改为被查询的实体地址
                opKey: "SpeArea",//后台编写相应的接口实现方法，主要负责转化类型
                params: [{key: 'isEnable',op: '=',val: 'Available'}],
                userInfo: this.getUserInfo()
            };
            var _this = this;
            this.axios.post('/api/query', queryRequest,{headers: this.headersObj})//findAllValueType修改为query
                .then(function(res) {
                    // alert(JSON.stringify(res));
                    // alert(res.data.code);
                    if (res.data.code == "SUCCESS") {
                        _this.source = [];
                        for (var i = 0; i < res.data.data.length; i++) {
                            _this.source.push(res.data.data[i]);
                        }
                    } else {
                        // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                    }
                })
                .catch(function(error) {
                    console.log(error);
                    // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                });
    },
    // 为播出状态下拉框赋值
    findBroadcastStatus: function() {
        this.findByTypeCode("10009",this.setBroadcastStatus)
    },
    // 查询播出状态下拉框数据成功后的回调
    setBroadcastStatus: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.BroadcastStatus = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.BroadcastStatus.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },// 为地区下拉框赋值
    findArea: function() {
        this.findByTypeCode("10010",this.setArea)
    },
    // 查询地区下拉框数据成功后的回调
    setArea: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.area = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.area.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },
    // 为语言下拉框赋值
    findLanguage: function() {
        this.findByTypeCode("10004",this.setLanguage)
    },
    // 查询地区下拉框数据成功后的回调
    setLanguage: function(isSuccess,json) {
        try{
            if (isSuccess) {
                this.Language = [];
                for (var i = 0; i < json.data.length; i++) {
                    this.Language.push(json.data[i]);
                }
            }
            else {
                this.$message.error(json.msg);
            }
        }
        catch(e){
            alert(e);
        }
    },
    //为资产提供商下拉框赋值
    findAssetProvision:function(){
        var queryRequest = {
                className: "com.ispr.iptv.entity.sys.SysProvider",//修改为被查询的实体地址
                opKey: "Provider",//后台编写相应的接口实现方法，主要负责转化类型
                params: [{key: 'isEnable',op: '=',val: 'Available'}],
                userInfo: this.getUserInfo()
            };
            var _this = this;
            this.axios.post('/api/query', queryRequest)//findAllValueType修改为query
                .then(function(res) {
                    // alert(JSON.stringify(res));
                    // alert(res.data.code);
                    if (res.data.code == "SUCCESS") {
                        _this.AssetProvision = [];
                        for (var i = 0; i < res.data.data.length; i++) {
                            _this.AssetProvision.push(res.data.data[i]);
                        }
                    } else {
                        // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                    }
                })
                .catch(function(error) {
                    console.log(error);
                    // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                });
    },
    //为标签下拉框赋值
    findLabelGroups:function(){
        var queryRequest = {
                className: "com.ispr.iptv.entity.media.SysTagEntity",//修改为被查询的实体地址
                opKey: "LabelGroup",//后台编写相应的接口实现方法，主要负责转化类型
                params: [{key: 'isEnable',op: '=',val: 'Available'}],
                userInfo: this.getUserInfo()
            };
            var _this = this;
            this.axios.post('/api/query', queryRequest)//findAllValueType修改为query
                .then(function(res) {
                    // alert(JSON.stringify(res));
                    // alert(res.data.code);
                    if (res.data.code == "SUCCESS") {
                        _this.LabelGroups = [];
                        for (var i = 0; i < res.data.data.length; i++) {
                            _this.LabelGroups.push(res.data.data[i]);
                        }
                    } else {
                        // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                    }
                })
                .catch(function(error) {
                    console.log(error);
                    // this.$message.error(this.$i18n.t("errorCode." + json.reason,json.message));
                });
    },
    activated() {

    },
    initTable:function(){
        //alert("setTimeout");
        this.tableHeight = this.$refs.context.offsetHeight - this.$refs.queryBox.offsetHeight;
        this.isInit = true;
    },

  },
  mounted: function mounted() {
    this.findType();
    this.findEnables();
    this.findApprovalStatus();
    this.findSource();
    this.findAssetProvision();
    this.findBroadcastStatus();
    this.findArea();
    this.findLabelGroups();
    this.findLanguage();
    this.formQueryCondition.isEnable.val = "Available";
    this.onQuery();
    window.setTimeout(this.initTable,100);
  },
//   activated: function(){
//     this.checkboxInit();
//     this.onQuery();
//     window.setTimeout(this.initTable,100);
//   },
  components: {
    actorTwo,
    "assets-info": assetsInfo,
    "actor-info": actorTwo
  }
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.separateStyle{
    margin-left: 25px;
}
</style>
